<template>
    <li style="background-color: orange">
        <span>{{ todo }}</span>
        <button @click="del">删除</button>
    </li>
</template>

<script>
export default {
    name: "Todo",
    props: ["todo"],
    methods: {
        del() {
            this.$bus.$emit("delTodo", this.todo);
        },
    },
};
</script>

<style></style>
